<template>
  <div class="rules-container">
    <div class="rules-header">
      <h2>监考准则</h2>
    </div>

    <div class="rules-content">
      <div class="section">
        <h3 class="section-title">监考人员职责</h3>
        <ul>
          <li>监考人员需提前30分钟到达考场，做好考前准备工作</li>
          <li>认真核对考生身份信息，防止替考现象发生</li>
          <li>维护考场秩序，确保考试过程安静有序</li>
          <li>严格执行考试时间，不得擅自提前或延长考试时间</li>
          <li>考试期间不得做与监考无关的事情（如玩手机、看书报等）</li>
        </ul>
      </div>

      <div class="section">
        <h3 class="section-title">考场行为规范</h3>
        <ul>
          <li>监考人员需穿着得体，不得穿拖鞋、背心等不正式服装</li>
          <li>监考期间手机必须关机并统一存放</li>
          <li>不得在考场内吸烟、进食或大声交谈</li>
          <li>考试过程中不得随意离开考场</li>
          <li>不得向考生提供任何形式的答案提示</li>
        </ul>
      </div>

      <div class="section">
        <h3 class="section-title">考试流程要求</h3>
        <ul>
          <li>开考前15分钟宣读考场规则</li>
          <li>考试开始后30分钟内禁止考生入场</li>
          <li>考试结束前30分钟内禁止考生提前交卷离场</li>
          <li>考试结束前15分钟提醒考生剩余时间</li>
          <li>考试结束后按顺序回收试卷和答题卡</li>
        </ul>
      </div>

      <div class="section">
        <h3 class="section-title">违规处理流程</h3>
        <ul>
          <li>发现作弊行为立即制止，并没收作弊工具</li>
          <li>填写《考场异常情况记录表》，详细记录违规行为</li>
          <li>要求违规考生在记录表上签字确认（拒签需备注说明）</li>
          <li>考试结束后立即将违规材料报送研工办</li>
          <li>不得与考生发生言语或肢体冲突</li>
        </ul>
      </div>

      <div class="section">
        <h3 class="section-title">材料提交规范</h3>
        <ul>
          <li>监考结束后3个工作日内提交《监考情况报告表》</li>
          <li>异常情况需附书面说明（含现场照片等证据）</li>
          <li>监考费用结算单需经考生签字确认</li>
          <li>监考记录需使用统一模板（研工办网站下载）</li>
          <li>电子版材料命名格式：考场号_日期_监考人姓名</li>
        </ul>
      </div>

      <div class="section">
        <h3 class="section-title">请假与调班制度</h3>
        <ul>
          <li>监考任务确定后原则上不得请假</li>
          <li>病假需提供二级以上医院诊断证明</li>
          <li>事假需提前72小时书面申请，经研工办主任审批</li>
          <li>紧急情况需在监考开始前4小时电话报备</li>
          <li>无故缺勤将取消后续3次监考资格</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
// 逻辑代码可以留空或添加特定功能
</script>

<style scoped>
.rules-container {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  padding: 25px;
}

.rules-header {
  padding-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 25px;
}

.rules-header h2 {
  margin: 0;
  color: #1a2b4b;
  font-size: 22px;
  font-weight: 600;
}

.section {
  margin-bottom: 30px;
  padding: 20px;
  background-color: #f8fafc;
  border-radius: 6px;
  border-left: 4px solid #1a3a6c;
}

.section-title {
  color: #1a2b4b;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #cbd5e1;
}

.section ul {
  padding-left: 20px;
  margin: 0;
}

.section li {
  margin-bottom: 12px;
  line-height: 1.6;
  color: #334155;
  position: relative;
  padding-left: 15px;
}

.section li:before {
  content: "•";
  color: #1a3a6c;
  font-weight: bold;
  position: absolute;
  left: 0;
}
</style>